
<div id="test12" class="demo-tree-more"></div>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['tree', 'util'], function () {
        var tree = layui.tree
            , layer = layui.layer
            , $ = layui.$
            , util = layui.util;
        var data = {$menu_list|json_encode|raw};
        //基本演示
        tree.render({
            elem: '#test12'
            , data: data
            , showCheckbox: true  //是否显示复选框
            , id: 'demoId1'
			// ,edit: ['add', 'update', 'del']
            , click: function (obj) {
                var data = obj.data;  //获取当前点击的节点数据
                // console.log(data); //得到当前节点日元素
                layer.msg(data.tip?data.tip:'暂无说明');
                // layer.msg('状态：' + obj.state + '<br>节点数据：' + JSON.stringify(data));
            }
            , oncheck: function (obj) {
                // console.log(obj.data); //得到当前点击的节点数据
                // console.log(obj.checked); //得到当前节点的展开状态：open、close、normal
                // console.log(obj.elem); //得到当前节点日元素
				if (Date.parse(new Date())/1000 > {php} echo time()+2;{/php})
				{
					//console.log(tree.getChecked('demoId1'));
					$.ajax({
						url: "{:url('/ucenter/admin/AuthGroup/update')}", // /api/leds/1
						async: true,
						dataType: 'JSON',  //JSON
						type: 'POST',
						data: {
							id: "{$auth_group.id}",
							type: "base",
							nodes: JSON.stringify(tree.getChecked('demoId1'))
						},
						success: function (result, textStatus) {
                            console.log(result)
                            if(result.code != 0)
                            {
                                layer.msg(result.message);
                            }

						},

						error: function (jqXHR, textStatus, errorThrown) {
							$(this).alertmsg('error', '连接超时')
						},

					});
				}
            }
            ,operate: function(obj){
				var type = obj.type; //得到操作类型：add、edit、del
				var data = obj.data; //得到当前节点的数据
				var elem = obj.elem; //得到当前节点日元素

				//Ajax 操作
				var id = data.id; //得到节点索引
				if(type === 'add'){ //增加节点
					//返回 key 值
					return 123;
				} else if(type === 'update'){ //修改节点
					console.log(elem.find('.layui-tree-txt').html()); //得到修改后的内容
				} else if(type === 'del'){ //删除节点

				};
			}
        });

        //按钮事件
        util.event('lay-demo', {
            getChecked: function (othis) {
                var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据

                layer.alert(JSON.stringify(checkedData), {shade: 0});
                console.log(checkedData);
            }
            , setChecked: function () {
                tree.setChecked('demoId1', [12, 16]); //勾选指定节点
            }
            , reload: function () {
                //重载实例
                tree.reload('demoId1', {});

            }
        });

    });
</script>

